/*
   音乐播放器
*/
.music_bck{
	height:100%;
	width:100%;
	background:rgba();
	position:fixed;
	top:0;
	left:0;
	opacity:1;
	display: none;
	z-index: 30;
}
/**/
.music_room_Sound{
	width:720px;
	height:354px;
	background:url("../images/03-02通话记录查询-详情-录音_03.png") -700px 10px repeat-x;
	margin: 0 auto;
}
.music_room_Sound h4{
	height:40px;
	width:720px;
	line-height:60px;
	color:#FFF;
	margin-top: 10px!important;
}
.music_room_Sound h4 div{
	float:left;
	margin-left:12px}
.music_room_Sound h4 img{
	height:20px;
	width:20px;
	float:right;
	margin-top:20px;
	margin-right:15px}
.music_room_Sound h2{
	margin-top: 20px;
	margin-bottom: 10px;
}
/**/
.music_room{
	width:720px;
    height:354px;
	position:absolute;
	top:50%; left:50%; 
	transform:translate(-50%,-50%) ;
	-webkit-transform: translate(-50%,-50%);    /* for Chrome || Safari */
    -moz-transform: translate(-50%,-50%);       /* for Firefox */
    -ms-transform: translate(-50%,-50%);        /* for IE */
    -o-transform: translate(-50%,-50%);         /* for Opera */
	background:url("../images/03-02通话记录查询-详情-录音_03.png") -700px 10px repeat-x;
	}
.music_room h4{
	height:40px;
	width:720px;
	line-height:40px;
	color:#FFF;
	margin-top: 10px!important;
}
.music_room h4 div{
	float:left;
	margin-left:12px}
.music_room h4 img{
	height:20px;
	width:20px;
	float:right;
	margin-top:9px;
	margin-right:15px}
.music_room_bo{
	width:100%;
    }
.music_room_bo .music_time h2{
	height:90px;
	line-height:90px;
	text-align:center;
	color:#FFF;
	}
.music_room_bo .music_room_conten{
	height:42px;
	width:100%;
	color:#FFF;
	font-size: 18px;
	}	
.music_room_bo .music_room_conten .passed_time{
	float:left;
	line-height:42px;
	margin-left:10%}
.music_room_bo .music_room_conten .base{
	float:left;
	height:42px;
	width:440px;}
.music_room_bo .music_room_conten .base .base_bar{
	height:7px;
	width:430px;
	margin:18px auto;
	background:#91a6c3;
	border-radius:10px;
	position:relative;
	cursor: pointer;}
.music_room_bo .music_room_conten .base .base_bar .progress_bar{
	height:7px;
	background:#777;
	border-radius:10px;
	cursor: pointer;
	position:absolute;
	left:0
	}
.music_room_bo .music_room_conten .base .base_bar .slider{
	height:13px;
	width:13px;
	border-radius:50%;
	background:url("../images/椭圆-5.png") no-repeat;
	background-size:cover;;
	position:absolute;
	top:-3px;
	left:0
	}
.music_room_bo .music_room_conten .total_time{
	float:left;
	line-height:42px}
.music_room_bo .music_room_conten .volume_control{
	height:42px;
	width:42px;
	text-align:center;
	float:left;
	margin-left:10px;
	position:relative;
	}
.music_room_bo .music_room_conten .volume_control img{
	height:14px;
	width:14px;
	margin-top:13px}
.music_room_bo .music_room_conten .volume_control .base_bar{
	height:100px;
	width:5px;
	background:#999;
	opacity:0.4;
	border-radius:10px 10px;
	position:relative;
	position:absolute;
	top:-86px;
	left:18px}
.music_room_bo .music_room_conten .volume_control .base_bar .slider{
	height:10px;
	width:10px;
	position:absolute;
	left:-2px;
	bottom:0px;
	border-radius:50%;
	background:url("../images/椭圆-5.png") no-repeat;
	background-size:cover;;
	}
.music_room_bo .music_room_foot{
	height:120px;
	width:100%;}
.music_room_bo .music_room_foot .btn_f{
	height:100px;
	width:225px;
	margin-top:10px;
	margin-left:40%}
.music_room_bo .music_room_foot .btn_f .btn_fast{
	width:22px;
	height:29px;
	cursor: pointer;}
.music_room_bo .music_room_foot .btn_f .btn_play{
	width:84px;
	height:84px;
	margin:0 12px;
	cursor: pointer;}
.music_room_bo .music_room_foot .btn_f .btn_next{
	width:22px;
	height:29px;
	cursor: pointer;}
.audio_close{
	cursor: pointer;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	